//优惠券列表页

.view{
    width: 100%;
    height: 100%;
}

//头部
.head-top{
    height: 0.4rem;
    background: #f4483e;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.4rem;
    display: flex;
    >a{
        float: left;
        display: block;
        height: 100%;
        width: 0.5rem;
        color: #FFFFFF;
        font-size: .2rem;
    }
    h1{
        float: left;
        font-size: .2rem;
        font-weight: bold;
        text-align: center;
        flex: 1;
    }
    .app-dow{
        float: right;
        width: 0.5rem;
        height: 100%;
        a{
            display: block;
            background: url("../images/header_app.png") no-repeat center;
            background-size: 60% 70%;
            width: 100%;
            height: 100%;
        }
    }
}

// tips
.tips{
    text-align: center;
    font-size: .12rem;
    color:#999;
    margin:.09rem 0;
}

//优惠券列表
.coupon-list{
    li{
        border-bottom:1px solid #e7e7e7;
        a{
            padding: .1rem 0;
            display: block;
            width: 100%;
            .pic{
                width: 1rem;
                height: .8rem;
                overflow: hidden;
                margin-right: .1rem;
                float: left;
            }
            .info{
                overflow: hidden;
                .top{
                    h3{
                        font-size: .14rem;
                        font-weight: normal;
                        color: #333333;
                        line-height: .2rem;
                    }
                    h2{
                        font-size: .14rem;
                    }
                }
                .bottom{
                    font-size: .12rem;
                    color: #EE7700;
                    margin-top: .1rem;
                }
            }
        }
    }
    
}

//轮播图
// .swiper-container{
//     position: fixed;
//     left:50%;
//     top:50%;
//     transform: translate(-50%,-50%);
//    .swiper-wrapper{
//         text-align: center;
//         img{
//             width: 1rem;
//         }
//    } 
//    .swiper-button-prev{
//         left:1rem;
//    }
//    .swiper-button-next{
//         right: 1rem;
//    }
// }

// 图片

.previewImg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    .img-box{
        position: fixed;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
        text-align: center;
        img{
            width: 2rem;
            height: 2rem;
        }
    }
    .prev-img,.next-img{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        font-size: .4rem;
        color:#fff;
        background-color: rgba(0,0,0,.9);
        width: 0.4rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        transition: all 1s;
    }
    .prev-img:hover,.next-img:hover{
        // background-color: rgba(0,0,0,.6);
        background-color: blue;
    }
    .next-img{
        right: .5rem;
    }
    .prev-img{
        left: .5rem;
    }
}
.on{
    display: block;
}
.off{
    display: none;
}